<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="../css/test8.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<div class="all">
			<!-----------------------头部------------------------>
			<div class="header">
				<div class="header-left">
					<a href="#">
						<span class="header-left-ico">&#xe71a;</span>
						<span class="back">返回</span>
					</a>
				</div>
				<div class="header-center">
					这是标题
				</div>
			</div>
			<!-----------------------导航------------------------>
			<div class="nav">
				<a class="nav-a" href="#">导航</a>
				<a class="nav-a" href="#">导航</a>
				<a class="nav-a" href="#">导航</a>
				<a class="nav-a" href="#">导航</a>
			</div>
			<!-----------------------熊大------------------------>
			<div class="bgc">
				<img src="../img/熊大.png" />
			</div>
			<!-----------------------标签------------------------>
			<div class="mark">
				<div class="mark-top">
					<div class="mark-circle"><span class="note">&#xe604;</span></div>
					<div class="mark-circle"><span class="note">&#xe604;</span></div>
					<div class="mark-circle"><span class="note">&#xe604;</span></div>
					<div class="mark-circle"><span class="note">&#xe604;</span></div>
					<div class="mark-circle"><span class="note">&#xe604;</span></div>
				</div>
				<div class="mark-button">
					<div class="mark-words">标签</div>
					<div class="mark-words">标签</div>
					<div class="mark-words">标签</div>
					<div class="mark-words">标签</div>
					<div class="mark-words">标签</div>
				</div>
			</div>
			<!-----------------------三只小熊------------------------>
			<div class="line"></div>
			<div class="column">
				<div class="column-left">
					<div class="column-img">
						<img src="../img/熊二.png"/>
					</div>
					<div class="column-title">
						分栏一
					</div>
					<div class="column-small-title">
						分栏小标题
					</div>		
				</div>
				<div class="stick"></div>			
				<div class="column-center">
					<div class="column-img">
						<img src="../img/熊三.png"/>
					</div>
					<div class="column-title">
						分栏一
					</div>
					<div class="column-small-title">
						分栏小标题
					</div>		
				</div>
				<div class="stick"></div>			
				<div class="column-right">
					<div class="column-img">
						<img src="../img/熊一家.png"/>
					</div>
					<div class="column-title">
						分栏一
					</div>
					<div class="column-small-title">
						分栏小标题
					</div>		
				</div>				
			</div>
			<!-----------------------模块一------------------------>
			<div class="line1"></div>
			<div class="part1">
				<div class="part1-word">
					<div class="part1-word-1">模块一</div>
					<div class="line"></div>
				</div>
				<div class="part1-top">
					<div class="part1-top-left">
						<img src="../img/熊四.png" />
					</div>
					<div class="part1-top-center">
						<p class="part1-top-center-content">这是文案</p>
						<p class="part1-top-center-content">这是文案</p>
					</div>
					<div class="part1-top-right">
						<div class="part1-top-center-content">这是文案</div>
						<div class="part1-top-center-content">这是文案</div>
					</div>
				</div>
				<div class="part1-bottom">
					<div class="part1-top-left">
						<img src="../img/熊四.png" />
					</div>
					<div class="part1-top-center">
						<p class="part1-top-center-content">这是文案</p>
						<p class="part1-top-center-content">这是文案</p>
					</div>
					<div class="part1-top-right">
						<div class="part1-top-center-content">这是文案</div>
						<div class="part1-top-center-content">这是文案</div>
					</div>
				</div>
				</div>
			</div>
			<!-----------------------模块二------------------------>
			<div class="line2"></div>
			<div class="part2">
				<div class="part2-word">
					<div class="part1-word-1">模块二</div>
					<div class="line"></div>
					<div class="part1-top">
					<div class="part1-top-left">
						<img src="../img/熊四.png" />
					</div>
					<div class="part1-top-center">
						<p class="part1-top-center-content">这是文案</p>
						<p class="part1-top-center-content">这是文案</p>
					</div>
					<div class="part1-top-right">
						<div class="part1-top-center-content">这是文案</div>
						<div class="part1-top-center-content">这是文案</div>
					</div>
				</div>
				<div class="part1-bottom">
					<div class="part1-top-left">
						<img src="../img/熊四.png" />
					</div>
					<div class="part1-top-center">
						<p class="part1-top-center-content">这是文案</p>
						<p class="part1-top-center-content">这是文案</p>
					</div>
					<div class="part1-top-right">
						<div class="part1-top-center-content">这是文案</div>
						<div class="part1-top-center-content">这是文案</div>
					</div>
				</div>
				</div>
			</div>
			<div class="line2"></div>
			<!-----------------------文章------------------------>
			<div class="artical">
				<div class="artical-part1">
					<div class="artical-left">
						<img src="../img/熊五.png" />
					</div>
					<div class="artical-right">
						<p class="artical-right-top">这是文章标题字号是22的文章标题</p>
						<p class="artical-right-bottom">文章来源&nbsp;6分钟前</p>
					</div>
					<div class="line3"></div>
				</div>	
				<div class="artical-part1">
					<div class="artical-left">
						<img src="../img/熊五.png" />
					</div>
					<div class="artical-right">
						<p class="artical-right-top1">这是另一个文章标题</p>
						<p class="artical-right-bottom">文章来源&nbsp;6分钟前</p>
					</div>
					<div class="line3"></div>
				</div>	
				<div class="artical-part2">
					<div class="artical-left-anthor">
						<p class="artical-right-top2">这也是个文章标题字号是22的文章标题</p>
						<div class="artical-left">
						<img src="../img/熊五.png" />
						</div>
						<div class="artical-left">
							<img src="../img/熊五.png" />
						</div>
						<div class="artical-left">
							<img src="../img/熊五.png" />
						</div>
						<p class="artical-right-bottom1">文章来源&nbsp;7分钟前</p>
					</div>
				</div>	
			</div>	
			<div class="line4"></div>
		</div>	
	</body>
</html>
